<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	<link rel="stylesheet" type="text/css" href="wzp/css/popup.css">
	<script type="text/javascript" src="wzp/js/tinybox.js"></script> 
	-->
  	<link rel="stylesheet" type="text/css" href="admin/css/user.css">
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
	<script type="text/javascript" src="js/jquery.alphanumeric.pack.js"></script>
	<script type="text/javascript" src="js/jquery.validate.pack.js"></script> 
	<script type="text/javascript" src="admin/js/user_add.js"></script>
	</head>
	<style type="text/css">
		h3{font-size:18px}
		.item{padding:5px 0 5px 3px;}
		.label{display:inline-block; width:120px; font-size:18px; font-weight:bold;}
		.input{width:200px;height:25px; padding:4px 0 4px 3px; margin-right:10px;  }
		.input_focus{background:white; border-color:#ce9400; color:#444444;}
		#userForm input.invalid { border: 1px dotted red; } 
		#userForm label.invalid {margin-left: 10px;width: auto; display: inline; color:red;}
		.submit { border:none; width:70px;height:32px;font-weight:bold;font-size:18px;
		background: url("admin/images/bigButton.png")}
	</style> 
	<body>
	
	<form id="userForm"  method="post" >
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="wzp/images/tab_03.gif" width="15" height="30" /></td>
        <td width="100%" background="wzp/images/tab_05.gif">新增用户</td>
        <td width="14"><img src="wzp/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellpadding="0"  cellspacing="0" >
      <tr>
        <td width="9" background="wzp/images/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
          <table  width="99%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#84b1d3" >
          <tr class="trtab">
            <td class="tdtab" width="50%">
            	<span class="tdspan"><span style="color:red">*</span>登录名：</span>
            	<input type="text" class="input" id="uId" name="user.UId" tabindex="1" />
			</td>
            <td class="tdtab" width="50%">
            	<span class="tdspan"><span style="color:red">*</span>真实姓名：</span>
            	<input type="text" class="input" id="uName" name="user.UName" tabindex="2" />
			</td>
          </tr>
          <!-- 
          <tr class="trtab">
            <td class="tdtab" >
            	<span class="tdspan"><span style="color:red">*</span>登录密码：</span>
            	<input type="password" class="input" id="uPassword" name="user.UPassword"  tabindex="3"/>
			</td>
            <td class="tdtab" >
            	<span class="tdspan"><span style="color:red">*</span>密码确认：</span>
            	<input type="password" class="input" id="pwd_check" name="pwd_check" tabindex="4" />
			</td>
          </tr>
           -->
          <tr class="trtab">
            <td class="tdtab" >
            	<span class="tdspan"><span style="color:red">*</span>手机号码：</span>
            	<input type="text" class="input" id="uPhone" name="user.UPhone" tabindex="5" />
			</td>
            <td class="tdtab" ><span class="tdspan">固定电话：</span>
            	<input type="text" class="input" id="uTel" name="user.UTel" tabindex="6" />
			</td>
          </tr>
          <tr class="trtab">
            <td class="tdtab" ><span class="tdspan">传真号码：</span>
            	<input type="text" class="input" id="uFax" name="user.UFax" tabindex="7" />
			</td>
            <td class="tdtab" ><span class="tdspan">邮箱地址：</span>
            	<input type="text" class="input" id="uMail" name="user.UMail" tabindex="5" />
			</td>
          </tr>
          <tr class="trtab">
            <td class="tdtab">
             	<span class="tdspan"><span style="color:red">*</span>所属部门：</span><span id="deptRestult"></span><input id='selectDept' type="button" value='选择'/>
			</td>
			<td class="tdtab">
             	<span class="tdspan"><span style="color:red">*</span>所属角色：</span><span id="roleRestult"></span><input id='selectRole' type="button" value='选择'/>
			</td>
          </tr><%--
          <tr class="trtab" style='display:none'>
            <td class="tdtab" colspan="2">
            	<span class="tdspan"><span style="color:red">*</span>部门类型：</span>
            	<select id="deptType" name="deptType" style="width:100"></select>
			</td>
          </tr>
          <tr class="trtab" style='display:none'>
            <td class="tdtab" colspan="2"> 
            <table width="514" align="left">
            	<tr><td width="160" align="center">部门列表 </td>
				<td width="32" align="center"></td>
				<td width="160" align="center"><span style="color:red">*</span>所属部门</td>
				<td width="32" align="center"></td> 
				<td width="160" align="center">负责部门</td>
				</tr>
   		   		<tr><td width="45%" height="150px">
				<select style="width:150;height:150" id="allDept" 
					name="allDept" size="6" multiple="multiple"> </select>
				</td>
				<td width="10%" align="center">
					<img id="addDept" src="wzp/images/arrow_right.gif"/>
					<br/>
					<img id="delDept" src="wzp/images/arrow_left.gif"/>
				</td>
				<td width="45%" height="150px">
				<select style="width:150;height:150" id="selDept"  
					name="selDept" size="6" multiple="multiple"></select>
				</td>
				<td width="10%" align="center">
					<img id="addLeadDept" src="wzp/images/arrow_right.gif"/>
					<br/>
					<img id="delLeadDept" src="wzp/images/arrow_left.gif"/>
				</td>
				<td width="45%" height="150px">
				<select style="width:150;height:150" id="leadDept"  
					name="leadDept" size="6" multiple="multiple"></select>
				</td>
				</tr>
			</table>
			</td>
          </tr>
          <tr class="trtab" style='display:none'>
            <td class="tdtab" colspan="2">
            <table width="352" align="left">
            	<tr>
				<td width="160" align="center">角色列表</td>
				<td width="32" align="center"></td> 
				<td width="160" align="center"><span style="color:red">*</span>已选角色</td>
				</tr>
   		   		<tr><td width="45%" height="150px">
				<select style="width:150;height:150" id="allRole" 
					name="allRole" size="6" multiple="multiple"> </select>
				</td>
				<td width="10%" align="center">
					<img id="addRole" src="wzp/images/arrow_right.gif"/>
					<br/>
					<img id="delRole" src="wzp/images/arrow_left.gif"/>
				</td>
				<td width="45%" height="150px">
				<select style="width:150;height:150" id="selRole"  
					name="selRole" size="6" multiple="multiple"></select>
				</td>
				</tr>
		  	</table>
			</td>
          </tr>
          
          --%><tr class="trtab">
          	<td align="center" colspan="2"> 
          		<input class="submit" type="submit" value="提交"/> 
          		<span style="padding-left:20">
          		<input class="submit" type="reset" onclick="window.location.href='/ag/admin/users.jsp'" value="返回"/></span>
          	</td>
          </tr>
          </table></td>
        <td width="9" background="wzp/images/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="wzp/images/tab_20.gif" width="15" height="29" /></td>
        <td width="100%" background="wzp/images/tab_21.gif"> </td>
        <td width="14"><img src="wzp/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>
</form>
 
<!-- 弹出窗口的div -->
	<div class="demo" style="display:none;">
	
    <!-- 部门选择窗口 -->	
    <div id="deptChooseWindow">
        <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
			   align="center" style="background-color: #1177bd">
	          <tr> <td bgcolor="#ffffff">
	                <div id="DeptForm">
                              <table width="540" align="center">
                                 <tbody id="selectArea" >
							  <tr id='deptArea'>
								  <td align="left">
									   <span class="span_n" >部门类型:药监内部</span>
									   <!-- <select id="deptType" class="deptType" ></select> -->
								  </td>
							   </tr>
							   <tr>
								  <td>
									 <div style="margin-top: 10px">
										<table width="480" align="center">
										<tr>
									  <td width="200" align="center"><span class="span_n" style="color: #960;">可选部门</span></td>
									  <td width="80" align="center" ></td>
									  <td width="200" align="center" ><span class="span_n" style="color: #960;">已选部门 </span></td>
									   </tr>
									   <tr>
									  <td width="200" height="200px" align="right" style="display:none;">
										<select style="width:300;height:180" id="subDepts" name="all" size="6" multiple="multiple">
									    </select>
								      </td>
								      <!-- czy -->
								       <td width="250px" height="350px"  id="deptultd2" align="center" width="190px" height="180px" >
								         <div align="left" id="deptuldiv2" style="height:350px; width:310px; overflow-y:auto; overflow-x:auto; border:1px solid #8ACEEC !important">
										 <ul style="list-style:none" id="deptul2"></ul>
										 </div>
									 </td>
								      <!-- czy,end -->
									  <td width="80" align="center" > 
									    <img id="addDept" src="wzp/images/arrow_right.gif" style="cursor: pointer;"/>
									    <br/><br/>
									    <img id="delDept" src="wzp/images/arrow_left.gif" style="cursor: pointer;"/>
								      </td>
								      
								      <td width="250px" height="350px" align="left" >
                                       <select style="width:190px;height:350px" id="selDepts" name="sel" size="6" multiple="multiple">
                                       </select>
								      </td>
								      
								      
									</tr>
									</table>
								    </div>
								  </td>
							      <td></td>   
							   </tr>
						 </tbody>
						 <tr class="trtab">
				          	<td align="center" colspan="2"> 
				          		<button id="selDeptOK" class="submit" >确定</button>
				          		<span style="padding-left:20">
				          		<button id="selDeptCancel" class="submit" >取消</button></span>
				          	</td>
				          </tr>
                            </table>
	                 </div>
	              </td>
	          </tr>	       
	    </table>
    </div>
	<!-- 角色选择窗口 -->	
    <div id="roleChooseWindow">
        <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
			   align="center" style="background-color: #1177bd">
	          <tr> <td bgcolor="#ffffff">
	               <div id="DeptForm">
                              <table width="540" align="center">
                                 <tbody >
							   <tr>
								  <td>
									 <div style="margin-top: 10px">
										<table width="480" align="center">
										<tr>
									  <td width="200" align="center"><span class="span_n" style="color: #960;">可选角色</span></td>
									  <td width="80" align="center" ></td>
									  <td width="200" align="center" ><span class="span_n" style="color: #960;">已选角色 </span></td>
									   </tr>
									   <tr>
									  <td width="200" height="200px" align="right">
										<select style="width:300;height:180" id="subRoles" name="all" size="6" multiple="multiple">
									    </select>
								      </td>
									  <td width="80" align="center" > 
									    <img id="addRole" src="wzp/images/arrow_right.gif" style="cursor: pointer;"/>
									    <br/><br/>
									    <img id="delRole" src="wzp/images/arrow_left.gif" style="cursor: pointer;"/>
								      </td>
									  <td width="200" height="200px" align="left" >
                                       <select style="width:300;height:180" id="selRoles" name="sel" size="6" multiple="multiple">
                                       </select>
								      </td>
									</tr>
									</table>
								    </div>
								  </td>
							      <td></td>   
							   </tr>
						 </tbody>
						 <tr class="trtab">
				          	<td align="center" colspan="2"> 
				          		<button id="selRoleOK" class="submit" >确定</button>
				          		<span style="padding-left:20">
				          		<button id="selRoleCancel" class="submit" >取消</button></span>
				          	</td>
				          </tr>
                            </table>
                      </div>
	              </td>
	          </tr>	       
	    </table>
    </div>
    <div id="dialog-message" title="操作结果" style="display:none"> 
	 
		<div id="message" style="padding-top:15"> 
		</div> 
	</div> 
	</div>
	<!-- 弹出窗口的end -->
	</body>
	<script type="text/javascript" src="admin/js/selDeptAndRole.js"></script> 
	<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css" rel="stylesheet" />
	<link type="text/css" href="/ag/css/dialog/demos.css" rel="stylesheet" />
	<!-- JQuery的UI插件库 -->
	<script type="text/javascript" src="/ag/js/dialog/jquery.bgiframe-2.1.1.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.core.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.button.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.position.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="/ag/js/dialog/jquery.effects.core.js"></script>
	<script type="text/javascript" src="/ag/js/accrodin/jquery.ui.accordion.js"></script>
</html>